.top-hadoop{
    padding: 20px;
    background-image: linear-gradient(to right, #9D6DCD , #6B57A4) !important;
    height: 15rem;
}

.top-hadoop-boy-div{
    width: 15%;
    height: 6rem;
    background-image: linear-gradient(to right, #319EE7 , #7655F4);
    border-radius: 25px;
    display: block;
    float: left;
    margin-left: 1.3%;
}
.top-hadoop-boy-div-left{
    margin: 18px 0 0 2rem;
    display: block;
    float: left;
    color: #fff;
}
.top-hadoop-boy-div-left-top{
    font-size: 2rem;
}
.top-hadoop-boy-div-reft{
    display: block;
    float: right;
    margin: 28px 1rem 0 0;
}
.top-hadoop-boy-div-tow{
    width: 15%;
    height: 6rem;
    border-radius: 25px;
    display: block;
    float: left;
    margin-left: 1.3%;
    background-image: linear-gradient(to right, #E9C254 , #F67B27);
}
.top-hadoop-boy-div-three{
    width: 15%;
    height: 6rem;
    border-radius: 25px;
    display: block;
    float: left;
    margin-left: 1.3%;
    background-image: linear-gradient(to right, #1CC4CB , #02B359);
}
.top-hadoop-boy-div-four{
    width: 15%;
    height: 6rem;
    border-radius: 25px;
    display: block;
    float: left;
    margin-left: 1.3%;
    background-image: linear-gradient(to right, #D94EE5 , #9F04ED);
}
.top-hadoop-boy-div-sive{
    width: 15%;
    height: 6rem;
    border-radius: 25px;
    display: block;
    float: left;
    margin-left: 1.3%;
    background-image: linear-gradient(to right, #DF8244 , #E3413F);
}
.top-hadoop-boy-div-six{
    width: 15%;
    height: 6rem;
    border-radius: 25px;
    display: block;
    float: left;
    margin-left: 1.3%;
    background-image: linear-gradient(to right, #44D2BF , #03A4BC);
}
.top-tongji{
    width: 100%;
    display: inline-block;
}
.top-tongji-div-top{
    font-size: 1rem;
    font-weight: 600;
    margin-top: 2%;
}
.top-tongji-div-lef-table{
    width: 30%;
    display: block;
    float: left;
    margin-left: 2%;
}
.top-tongji-div-count-table{
    width: 30%;
    display: block;
    float: left;
    margin-left: 2%;
}
.top-tongji-div-reage-table{
    width: 30%;
    display: block;
    float: left;
    margin-left: 2%;
}
.top-tongji-tu{
    width: 100%;
    padding: 20px;
}
#basic{
    width: 100%;
    height: 400%;;
}
.zdy{
    width: 90.5%;
    /* margin: auto; */
    margin-left: 2%;
    margin-bottom: 0;
    border: 1px solid #E5E5E5;
}
.zdytow{
    width: 90.5%;
    border: 1px solid #E5E5E5;
    margin-left: -2%;
}
.zdythere{
    width: 90.5%;
    border: 1px solid #E5E5E5;
    margin-left: -7%;
}